

<style>
a:link{
color: black;    
}
a:visited{
    color: aqua;
}
</style>

<template>
  <div> 
    <form action="">
      <!-- <input type="text" v-bind:value="data" v-on:blur="b1"><br/> -->
      <!-- <input  type="text" :value="data"><br/> -->
      <!-- <input type="text" v-model="data"><br/> -->
    <!--v-if如果条件不满足，默认不进行标签的渲染-->
    <!--v-show如果条件不满足，其标签仍然会渲染，只是默认隐藏标签-->

      <input type="text" v-model="data" @blur="b1"><br/>

    </form>
    {{ data }}
  </div>
  <div v-if="data=='dfdfdfdfd'"> xianshi </div>
</template>
<script>
 export default{
    name:"test",
    setup(){
      function b1() {
      console.log("失去焦点执行了");
    }
    const data=ref("dfdfdfdfd");
      return{
        data//需要返回的数据js中{}是json格式此处是简化写法,如果json中属性名和属性值一致，属性名可以省略
      } ;
    }
 }
</script>
